

.h_logo img{max-height:40px;}


.container{ margin: 0 auto;}

@media (max-width: 767px){
	.container{width: 96%;}
}
@media (min-width: 768px) and (max-width: 1024px){
	.container{width: 90%;}
	.h_logo img{max-height:30px;}
}
@media (min-width: 1025px) {
	.container{width: 950px;}
	.h_logo img{max-height:55px;max-width: 346px;}
}


@media (min-width: 1400px) {
	.container{width: 1200px;}
	.h_logo img{max-height:55px;max-width: 346px;}
}

.swiper-container{
  width: 100%;
    --swiper-theme-color: #E33812;/* 设置Swiper风格 */
    --swiper-navigation-color: #ffffff;/* 单独设置按钮颜色 */
}



#header{width: 100%; position: relative; z-index: 10; height: 100px; background: #ffffff;}
#header > .container{position: relative;}
.h_logo{position: absolute;top:50%;left:0;height: 55px;margin-top: -27px;}
/* .h_content{display: flex; justify-content: flex-end; } */

#goToTop{ position: fixed; bottom: 50px; right: 10%; padding: 4px; background: #999; cursor: pointer;}
/*#header .top_head{display: flex; justify-content: flex-end; line-height: 44px; color: #fff;}*/

.h_menus{ float: right;font-size: 0; }
.h_menus>li { position: relative;display: inline-block;text-align: center;height: 100px;line-height: 100px;}
.h_menus > li > a, .h_menus > li > a:visited{background: transparent; color: #000000; font-size: 14px;padding:0 20px;position: relative;display: block;}
/*.h_menus > li > a:hover,  .h_menus > li a.current{background: #08306C; color: #ffffff;}*/
.h_menus> li.active>a,.h_menus> li:hover>a{background: #08306C; color: #ffffff;}
.h_menus> li.active>a::after,.h_menus> li:hover>a::after{content: '';width: 24px;height: 1px;background-color: #ffffff;position: absolute;left:50%;bottom: 20px;margin-left: -12px;}

.h_menus > li > .sub_menu{ display: none;min-width: 100%; position: absolute;left:0; top:100px;background: #ededed;}
.h_menus > li:hover .sub_menu{ display: block;}
.h_menus > li > .sub_menu > li{ position: relative;height: 35px;line-height: 35px; }
.h_menus > li > .sub_menu > li > a{ display: block;background: transparent; color: #000; font-size: 14px; white-space: nowrap;padding:0 5px;}
.h_menus > li > .sub_menu > li > a:hover{ color: #fff; background: #e33812;}
.sub_menu .lightmenu{ display: none;position: absolute; background: #ededed; right: -155px; top: 0; padding: 5px 7px 5px 12px;}
.sub_menu .lightmenu a{display: block; padding: 5px 10px; background: transparent; color: #000; font-size: 14px;}
.sub_menu .lightmenu a:hover{ color: #fff; background: #da251d;}

.h_menus .sub_menu > li:hover .lightmenu{display: block;}


.sub_icon{margin-left:5px;}
/* 手机版头部 */

@media (max-width: 980px) and (min-width: 0px){
  .header,.navigation{display:none}
  .phone_header{height: 30px;}
  .phone_logo{width:50%;}
  .phone_logo img{max-width:100%;max-height:30px;}
  .menu_btn{width: 30px;}
  .menu_btn img{width: 100%;}
  .moblie_header{display:block;position:fixed;top:0px;left:50%;padding: 10px 5px;background-color: #ffffff; transform: translateX(-50%); -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%);   width:100%;z-index:3; }
  .moblie_header .fl img{max-height:40px;max-width: 50%;}
  .moblie_header .fr a{display: block;width: 100%;height: 100%;}
  .moblie_header .fr a img{height:26px;vertical-align:middle;margin-top:17px;}
  .moblie_header_top{background: #e5e5e5;padding:6px 0;}
  /* .head_top{padding:6px 0 8px 0;} */
  .menu_box{display:block;position:fixed;top:0px;left:0px;width:0px;height:0px;overflow:hidden;z-index:10000}
  .menu_box .menu_mark{position:absolute;width:100%;height:100%;background-color: rgba(0,0,0,0.5); /*background:#0b0d19;filter:alpha(opacity=0);opacity:0;*/left:0px;top:0px;z-index:1}
  .menu_box .btn_closed_box{position:absolute;width:20%;left:0px;top:5%;z-index:100;text-align:center;filter:alpha(opacity=0);opacity:0}
  .menu_box .menu_nav{position:absolute;width:80%;right:0px;top:0px;background-color:#545454;height:100%;z-index:100;right:-80%}
  .menu_box .menu_nav ul{padding-left:5%;padding-right:5%}
  .menu_box .menu_nav ul li{border-bottom:1px solid #ffffff6b;position: relative;}
  .menu_box .menu_nav ul.child_nav>li:last-child{border-bottom: 0;}
  .menu_box .menu_nav ul li a{display:block;width:100%; height:45px;color:#fff;line-height:45px;padding-left:3%;font-size:16px;}
  .menu_box .menu_nav ul li.had_sonnav a{width: calc(100% - 45px);}
  .menu_box .menu_nav ul li .plus{z-index: 2; width:45px;height: 45px;padding:14px; display: inline-block;position: absolute;right: 0;top:0px; background:url(../plus.png) center center no-repeat;-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
  .menu_box .menu_nav ul li .plus_on{background:url(../reduce.jpg) center center no-repeat;-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
  .menu_box .menu_nav ul li .child_nav{display:none}
  .menu_box .menu_nav ul li .child_nav a{height:40px;line-height:40px;font-size:14px}
  .menu_box .menu_nav ul li.had_sonnav a {width: 100%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
  .phone_margin{height: 50px;}
  .swiper-button-next:after, .swiper-button-prev:after{font-size: 14px;}
}
@media (max-width: 980px) and (min-width: 768px){
.menu_box .menu_nav{width: 400px;}
}


/* 返回顶部 */
.sctop{position: fixed;bottom: 10%; right:10px;z-index: 22;display: none;font-size: 30px; color: #08306C; } 

.footer{width: 100%;background-color: #fafafa;padding:60px 0 30px 0;}
.idx_link{color: #666; width: 100%;padding:10px 0; background-color: #fafafa;}
.idx_link h3{font-size: 16px;margin-bottom: 6px;}
.idx_link a{color: #333;margin-right: 10px;}
.idx_link a:hover{text-decoration: underline;}
.footer_about{width: 300px;color: #333;margin-right:10%;font-size: 14px;
  line-height: 1.6;}
.f_logo{width: 100%;margin-bottom: 15px;}
.footer_nav{flex:1;}
.footer_nav dl{margin:0 2% 2% 2%;font-size: 14px;line-height: 1.5;}
.footer_nav dl dt{margin-bottom:12px;}
.footer_nav dl dd {margin-bottom: 8px;}
.footer_nav dl dt a{ font-size: 18px; line-height: 24px;font-weight: bold;color: #666;}
.footer_nav dl dd a{color: #333;font-size: 14px;}
.footer_nav dl dd a:hover{text-decoration: underline;}
.footer_contact{width: 210px;color: #333;margin-left:10%;}
.footer_address{line-height: 26px;}
.footer_address .tit{color: #666;margin-bottom:10px;font-weight: 400;
  font-size: 18px;
  line-height: 24px;}
.footer_address .iconfont{margin-right: 16px;}
.footer_address i{margin-right: 6px;}
.copy_right{width: 100%;background-color: #08306C;color: #ffffff;padding:15px 0;text-align: center;}



@media (max-width: 1024px){
  .footer_contact{width: 294px;}
  .footer_nav{margin-right: 4%;}
}

@media (max-width: 1400px){
.footer_about{margin-right:5%;}
.footer_contact{margin-left: 5%;}
}
@media (max-width: 1024px){
.footer_about{display: none;}
.footer_contact{margin-left: 0%;}
}

@media (max-width: 767px){
  .footer{padding:30px 0;}
  .footer_nav,.footer_about{display: none;}
  .footer_contact{width: 100%;margin:0;}
  .footer_address{padding-left: 15px;}
  .copy_right{font-size:12px;padding:10px 0;    line-height: 18px;}
  .f_margin { height: 45px;}
}


.float-right-box.on{width:50px;}
.float-right-box .top-list{width:100%;}
.float-right-box .top-list ul{width:100%;}
.float-right-box .top-list li{     z-index: 12;width:100%;position:relative;transition:background 0.3s ease 0s;height:50px;}
.float-right-box{position:fixed;right:0;top:50%;margin-top:-127px;z-index:1000;transition:width 0.3s ease 0s;}
.float-right-box .top-list a{display:block;width:100%;zoom:1;}
.float-right-box .top-list a:after{content:"";display:block;height:0;clear:both;}
.float-right-box .top-list .contact{color: #fff; display:inline-block;vertical-align:middle;text-align: center;line-height: 50px;  width:50px;height:50px;position:absolute;right:0;top:0;transition:all 0.3s ease 0s;z-index:2;background-color:#333333;font-size: 20px;}
.float-right-box .top-list .stt{font-size: 16px; display:inline-block;vertical-align:top;line-height:50px;color:#333333;transition:color 0.3s ease 0s;position:absolute;left:14px;top:0;z-index:1;width:222px;cursor:pointer;}
.float-right-box .top-list li:hover .contact{font-size: 20px; background-color: #ffffff; color:#333333;}
.float-right-box .top-list .return-webtop .stt{font-family:"Arial";font-weight:bold;}
.float-right-box .top-list li .weix{position:relative;}
.float-right-box .sidebox{position:absolute;right:50px;top:0;width:0px;z-index:10;opacity:0;background:#ffffff;text-align:center;color:#333333;}
.float-right-box .sidebox img{width:100px;height:100px;display:block;margin:5px auto;}
.float-right-box .top-list li.on a{position:absolute;top:0;right:0;width:210px;height:50px;transition:width 0.3s ease 0s;background-color:#ffffff;color:#ffffff;}
.f_tit{text-align:center;background-color:#333333;color:#ffffff;line-height:20px;padding-top:5px;border-bottom:1px solid rgba(255,255,255,0.3);}
@media (max-width:768px){
  .float-right-box{display:none;}
}
@media (max-width: 767px) {
  .fixed_bottom{ width: 100%; z-index: 98; position: fixed;bottom: 0;left:50%;transform: translateX(-50%); background: #e33812; padding:5px 0;text-align: center;}
  .f_margin{height: 45px;}
  .fixed_bottom a{color: #ffffff;display: block;width: 100%; font-size:14px;height:35px;line-height:35px;}
  .ftab_item{border-right: 1px solid #ffffff;box-sizing: border-box;}
  .ftab_item:last-of-type{border-right: 0;}
  .icon_fb{display: inline-block;height:16px; margin-right: 10px;vertical-align: middle;}
  .ftab_item i{font-size: 20px;margin-right: 6px;}
  .ftab_item *{display: inline-block;vertical-align: middle;}
  .ifoot_copyright div{width: 100%;text-align: center;float: none;margin-bottom:4px;}
  .sctop{bottom: 15%;}
}

@media (min-width: 768px){
  .fixed_bottom{display: none;}
}